{% load static %}
<!doctype html>
<html lang="en">
<head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>{% block title %}{% endblock %}</title>

    {% block head %}{% endblock %}

    <style>
        body {
            background-color: #f5f5f5;
        }

        #top_title {
            position: relative;
            margin-top: 50px;
            text-align: center;
            width: 100%;
        }

        #subtitle {
            width: 100%;
        }

        #footer {
            position: relative;
            bottom: 0;
            text-align: center;
            width: auto;
        }
    </style>

</head>
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="{% static 'bootstrap.css' %}">
{#<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-Zenh87qX5JnK2Jl0vWa8Ck2rdkQ2Bzep5IDxbcnCeuOxjzrPF/et3URy9Bv1WTRi" crossorigin="anonymous">#}
<link rel="icon" href="{% static 'sclogo.png' %}">


<body>

<div class="container mt-5" id="top_title"
     style="background-color: #0dcaf0;height: 170px; border-bottom: #6a1a21 solid 4px">
    <div class="row">
        <div class="col text-center" style="color: #6a1a21">
            <img src="{% static 'sclogo.png' %}" height="120" alt="" style="margin-top: 20px">
            <span class="" style="font-size:60px;font-weight: normal;
                position: relative;top: 22px">
                    高中年级数据处理平台
            <p class=""
               style="position:relative;top:-50px;font-size: 20px;left: 50px;color: #0a58ca">
                ——适用于四川省新高考后的高中成绩数据统计分析——
            </p>
                </span>
            <hr>
        </div>
    </div>
</div>
{#<div class="container mt-3" style="background-color: #8b8d95;bottom:80px" id="subtitle">#}
<div class="row mt-4">
    <div class="col"></div>
    <div class=" col-12" style="text-align: center">

        <button class="btn btn-outline-info">使用说明</button>


        <button class="btn btn-outline-info">按划线比例统计</button>


        <button class="btn btn-outline-info">全科类划线比例统计</button>


        <button class="btn btn-outline-info">按有效分统计</button>

    </div>
</div>
</div>

<div id="content">{% block content %}{% endblock %}</div>

{#<div class="containter mx-5">#}
<div class="row" style="background-color: #6c757d;height: 10px">
    <div class="col text-center" id="footer" style="text-align: center">

        <img src="{% static 'hsc_logo_transpaent.png' %}" alt="" height="150">
        <span style="position: relative;top: -15px;left: -70px">Version 3.0 &copy;Copyright 2024 created by Huty
        | 网站备案号:<a href="https://beian.miit.gov.cn"
                        style="text-decoration-line: none;color: darkgrey"> 蜀ICP备2023001715号-2</a>
            <a target="_blank" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=51010502011703"
               style="text-decoration-line: none;color: darkgrey">| 川公网安备 51010502011703号</a>
        </span>


    </div>
</div>
</div>
</body>
</html>